@charset "utf-8";
	*{ margin: 0 auto; font-family:"微软雅黑";}
	ul,ol{list-style:none; padding:0px;}
	a{ text-decoration:none; color:#000;}
	img{ max-width:100%;}
	
	/*头部样式*/
	.phone_logo{ display:none;}
	.max{ max-width:1280px;}
	header.header{ position:fixed; top:0px; left:0px; background:rgba(255,255,255,0.9); z-index:999; width:100%; padding:21px 0px;}
	header.page{ position:static; float:left; width:100%; overflow:hidden;}
	.header .logo{ float:left; overflow:hidden; max-width:20%;}
	.header .logo img{ float:left;}
	

	/*导航样式*/
	nav{ width:100%; max-width:60%; margin-left:10%; float:left; overflow:hidden;}
	nav ul{ display:block; width:100%; overflow:hidden; display:flex; align-items:center;}
	nav li{ float:left; max-width:calc(100% / 8); width:100%; padding:23.5px 0px;}
	nav li a{ float:left;width:100%; text-align:center; font-size:16px; color:#333;}
	nav li:hover a{ color:rgba(195,53,49,1); position:relative;}
	nav li:hover a::after{ position:absolute; content:""; width:5px; height:5px; background:rgba(195,53,49,1); transform:rotate(45deg); float:left; top:0px; bottom:0px; left:0px; margin:auto;}
	.remind{ display:none; background:#fff;}
	#nav_select a{color:rgba(195,53,49,1); position:relative;}
	#nav_select a::after{ position:absolute; content:""; width:5px; height:5px; background:rgba(195,53,49,1); transform:rotate(45deg); float:left; top:0px; bottom:0px; left:0px; margin:auto;}
	
	
	
	.switch{ float:right; max-width:9%; width:100%;}
	.switch select{ float:left; width:100%; overflow:hidden; background:none; padding:5px 0px; outline:none; border:0px; font-size:15px; color:#777; margin-top:21px;}
	.switch select option{ border-color:#dcdcdc; font-size:14px; padding:6px 0px; float:left; width:100%; overflow:hidden;}
	
	
	#delighter{ filter:blur(0px); transition:all linear 0.3s; transition-delay:0.1s;}
	#delighter .delighter{opacity:1; transform:translate(0%) scale(1);}
	.subject{transition:all linear 0.25s; float:left; width:100%;}
	/*幻灯片样式*/
	.banner{ max-width:100%; position:relative; min-height:150px; overflow:hidden; height:615px;}
	.banner ul{ position:absolute; left:0px; top:0px;}
	.banner ul li{ float:left; max-width:100%; overflow:hidden;}
	.banner:hover ol{ opacity:1;}
	.banner ol{opacity:0; width:100%; position:absolute; bottom:2%; transition:all 0.5s;-webkit-transition:all 0.5s; text-align:center;}
	.banner ol li{ margin:0 5px; cursor:pointer; border-radius:100%; height:5px; width:5px; display:inline-block; border:2px solid rgba(195,53,49,1.00); opacity:0.6;}
	.banner ol li:hover{opacity:1;}
	.banner li img{min-height:150px; height:615px; width:100%; object-fit:cover;}
	#dh{ display:none; float:right; width:20%;}
	.dh{text-align:center;max-width:64px; background:none; font-size:36px; max-height:64px; width:100%; height:150px;}
	
	
	.lef_rig{ opacity:0.3; transition:all linear 0.25s;}
	.lef_rig span{ opacity:0.5; cursor:pointer;top:calc(50% - 50px); position:absolute;  z-index:2; font-size:50px;text-align:center; color:rgba(195,53,49,1.00);}
	.lef_rig span:first-child{ transform:rotate(180deg);left:1%;}
	.lef_rig span:nth-child(2){right:1%;}
	.lef_rig span:hover{ opacity:0.8; }
	.lef_rig span+span:hover{ opacity:0.8; }
	.banner:hover .lef_rig{ opacity:1;}
	#dot{ background:rgba(195,53,49,1.00); border:2px solid rgba(195,53,49,1.00); opacity:1;}
	
	.often .title{ font-size:60px; color:#fff; font-weight:bold; display:block; width:100%; overflow:hidden; transform: translateY(-50%); transition:all linear 0.25s; opacity:0; transition:all linear 0.25s; transition-delay:0.5s;}
	.often .text{ font-size:32px; color:#fff; display:block; margin-top:8px; overflow:hidden; width:100%; transform: translateY(-50%); transition:all linear 0.25s; opacity:0; transition:all linear 0.25s; transition-delay:0.6s;}
	.often::after{ display:block; overflow:hidden; content:""; width:32px; height:2px; background:#fff; margin-top:25px;}
	.often .title.delighter.started{opacity:1; transform:translateX(0%);}
	.often .text.delighter.started{opacity:1; transform:translateX(0%);}
	
	.about{ float:left; width:100%; overflow:hidden; background:url(../images/ab_02.jpg) no-repeat right center; background-size:60% 100%; display:flex; align-items:center;filter:blur(25px);}
	.about .often .title{ color:#ed1b28;}
	.about .often .text{ color:#222;}
	.about .often::after{ background:#ed1b28;}
	.ab_l{ background:url(../images/ab_01.png) no-repeat right center; background-size:100% 100%; float:left; max-width:81.5%; width:100%; padding-left:calc((100% - 1280px) / 2); box-sizing:border-box; height:100%; padding-top:7.2%; margin-left:0px; transform:translateX(-100%); opacity:0; transition:all linear 0.5s; animation-delay:0.25s;}
	.ab_l .intro{ max-width:64%; float:left; width:100%; overflow:hidden; font-size:16px; color:#333; line-height:36px; margin-top:7%;}
	.ab_l .intro a{ color:#ed1b28;}
	.ab_l ul{ float:left; max-width:64%; width:100%; overflow:hidden; margin-top:7.5%;}
	.ab_l ul li{ float:left; max-width:125px; width:100%; overflow:hidden; border:1px solid #666; border-radius:12px; margin-right:50px; padding:10px 0px; box-sizing:border-box;}
	.ab_l ul li:last-child{margin-right:0px;}
	.ab_l ul li .title{ float:left; width:100%; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; color:#444; margin-top:10px;}
	.ab_l ul li .text{ float:left; width:100%; overflow:hidden; text-align:center; font-size:12px; color:#666; margin-top:2px;}
	.ab_l ul li .icon{ display:block; height:50px; overflow:hidden; transition:all linear 0.25s;}
	.ab_l ul li .icon img{ display:block; margin:0px auto;}
	.ab_l ul li:hover{border-color:#ed1b28;}
	.ab_l ul li:hover .title{color:#ed1b28;}
	.ab_l ul li:hover .text{color:#ed1b28;}
	.ab_l ul li:hover .icon{ transform:scale(1.1) rotateY(360deg);}
	.ab_l ul li:hover .icon img{ transform:translateY(-50%);}
	.ab_l.delighter.started{opacity:1; transform:translateX(0%);}
	

	.products{ float:left; width:100%; overflow:hidden; background:url(../images/pr_01.jpg) no-repeat center; background-size:cover; display:flex; align-items:center;filter:blur(25px);}
	.pro_l{ float:left; max-width:420px; width:100%; overflow:hidden; position:relative; opacity:0; transition:all linear 0.25s; transition-delay:0.25s;}
	.pro_r{ float:right; max-width:calc(100% - 420px); width:100%; overflow:hidden;}
	.pro_b{ display:block; width:100%; overflow:hidden;}
	.pro_b a{ float:left; position:relative; overflow:hidden; width:100%;}
	.pro_b a .picture img{ float:left; width:100%; height:300px; overflow:hidden; object-fit:cover; opacity:0.8; transition:all linear 0.25s;}
	.pro_b a .icon{ float:left; width:100%; height:50%; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; text-align:center; position:absolute; top:0px; display:flex; align-items:flex-end; justify-content:center; background:rgba(0,0,0,0.4); transition:all linear 0.25s;}
	.pro_b a .title{ float:left; width:100%; height:50%; overflow:hidden; white-space:pre; text-overflow:ellipsis; font-size:22px; color:#fff; text-align:center; padding:8px 2% 0px 2%; box-sizing:border-box; position:absolute; bottom:0px; background:rgba(0,0,0,0.4); transition:all linear 0.25s;}
	.pro_b a .more{ position:absolute; top:0px; left:0px; right:0px; bottom:0px; margin:auto; z-index:999; width:calc(100% - 20px); height:calc(100% - 20px); border:1px solid #fff; opacity:0; overflow:hidden; display:flex;align-items:center; justify-content:center; transition:all linear 0.25s; transition-delay:0.25s;}
	.pro_b a .more span{ width:140px; text-align:center; display:block; height:45px; line-height:45px; font-size:16px; color:#fff; border:1px solid #fff; }
	.pro_b .picture{ float:left; background:#000; width:100%; overflow:hidden;}
	.pro_l a .picture img{height:610px;}
	.pro_r li{ float:left; max-width:calc(50% - 10px); width:100%; overflow:hidden; float:left; margin-left:10px; position:relative; opacity:0; transition:all linear 0.25s; transition-delay:0.5s;}
	.pro_r li:nth-of-type(n+3){ margin-top:10px;}
	.pro_b a:hover .picture{background:#ed1b28;}
	.pro_b a:hover .picture img{ opacity:0.1;}
	.pro_b a:hover .icon{ transform:translateY(-100%); opacity:0;}
	.pro_b a:hover .title{ transform:translateY(100%); opacity:0;}
	.pro_b a:hover .more{ opacity:1;}
	.pro_r li:nth-of-type(2){ transition-delay:0.75s;}
	.pro_r li:nth-of-type(3){ transition-delay:1s;}
	.pro_r li:nth-of-type(4){ transition-delay:1.25s;}
	.pro_l.delighter.started{opacity:1;}
	.pro_r li.delighter.started{opacity:1;}
	.pro_b a:hover .picture img{ transform:scale(1.1);}
	

	.news{ overflow:hidden; float:left; width:100%; background:url(../images/ne_01.jpg) no-repeat center; background-size:cover;display:flex; align-items:center; position:relative;filter:blur(25px);}
	.news_l{float:left; max-width:22%; width:100%; transform:translateY(-100%); transition:all linear 0.25s; transition-delay:0.25s;}
	.news_l .column{ color:#fff; float:left; width:100%; overflow:hidden; margin-top:74px;}
	.news_l .column a{ color:#fff; float:left; font-size:16px; color:#fff; max-width:50%; width:100%; overflow:hidden; display:flex; align-items:center; margin-top:26px;}
	.news_l .column a::before{ content:""; width:7px; height:7px; background:#fff; float:left; transform:rotate(45deg); margin-left:2px; margin-right:0px;}
	.news_l .column a span{ float:left; margin-left:8px;}
	.news_l .more{ float:left; border:1px solid rgba(255,255,255,0.5); font-size:16px; color:rgba(255,255,255,0.7); padding:17px 0px; width:180px; text-align:center; box-sizing:border-box; margin-top:75px; transition:all linear 0.25s;}
	.news_l .more font{ display:inline-block; transform:rotate(90deg); color:rgba(255,255,255,0.8);}
	.news_r{ max-width:62.5%; float:right; width:100%; overflow:hidden;}
	.news_r ul{float:left; max-width:100%; width:100%; overflow:hidden; transform:translateX(-100%); transition:all linear 0.25s; transition-delay:0.25s; }
	.news_r li{ max-width:calc(50% - 15px); float:left; width:100%; overflow:hidden;}
	.news_r li:nth-of-type(even){ float:right;}
	.news_r li .picture{float:left; width:100%; overflow:hidden;}
	.news_r li .picture img{ height:290px; float:left; width:100%; object-fit:cover; transition:all linear 0.25s;}
	.news_r li .content{ float:left; width:100%; border:1px solid rgba(255,255,255,0.3); box-sizing:border-box; padding:9px 5%; margin-top:20px; transition:all linear 0.25s;}
	.news_r li .content .title{ float:left; width:100%; overflow:hidden; font-size:18px; color:#fff; white-space:pre; text-overflow:ellipsis; margin-top:14px;}
	.news_r li .content .text{ float:left; width:100%; overflow:hidden; font-size:14px; color:rgba(255,255,255,0.5); white-space:pre; text-overflow:ellipsis; margin-top:12px;}
	.news_r li .content .more{ float:left;overflow:hidden; width:100%; border-top:1px solid rgba(255,255,255,0.4); margin-top:14px; padding-top:10px;}
	.news_r li .content .more span{ float:left;overflow:hidden; font-size:14px; color:#fff;}
	.news_r li .content .more .icon{ float:right; color:rgba(255,255,255,0.4); font-size:20px;}
	.news_r li:hover .content{ background:rgba(255,255,255,0.9);}
	.news_r li:hover .content *{ color:#333 !important;}
	.news_r li:hover .content .title{ color:rgba(195,53,49,1) !important;}
	.news_r li:hover .content .more{border-top:1px solid rgba(0,0,0,0.4);}
	.news_l .more:hover{ background:#fff; color:rgba(195,53,49,1);}
	.news_l .more:hover *{color:rgba(195,53,49,1);}
	.news_l .column a:hover::before{background:rgba(195,53,49,1);}
	.news_l .column a:hover{color:rgba(195,53,49,1);}
	.news_r li:hover .picture img{ transform:scale(1.1);}
	.news_bk{ position:absolute; top:0px; right:0px; max-width:calc(900px + (100% - 1200px) / 2); width:100%; height:100%; background:rgba(0,0,0,0.5); transform:translateX(100%); transition:all linear 0.25s; transition-delay:0.25s;}

	.news_l.delighter.started{opacity:1; transform:translate(0);}
	.news_r.delighter.started{opacity:1; transform:translate(0);}
	.news_bk.delighter.started{transform:translateX(0%);}
	
	
	
	.cust{ background:url(../images/cu_01.jpg) no-repeat center top; background-size:cover; float:left; overflow:hidden; width:100%; display:flex; align-items:center;filter:blur(25px);}
	.cust_b{ display:flex; overflow:hidden; width:100%;}
	.cust_l{ max-width:48.5%; float:left; width:100%; overflow:hidden; position:relative; z-index:1; padding-top:10%; transform:translateX(-100%); opacity:0; transition:all linear 0.25s; transition-delay:0.25s;}
	.cust_l .intro{ font-size:14px; color:#fff; line-height:30px; float:left; width:100%; overflow:hidden; margin-top:7.2%;}
	.cust_l .circle{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:-1;}
	.cust_l .circle div{ height:81px; width:81px; position:absolute; display:flex; align-items:center; justify-content:center;}
	.cust_l .circle div span{ position:relative; float:left; width:4px; height:4px; background:#fff; border-radius:100%; box-sizing:border-box; }
	.cust_l .circle div span::before{content:""; position:absolute; left:-25px; top:0px; bottom:0px; height:52px; width:52px; border:1px solid #fff; margin:auto; overflow:hidden; border-radius:100%;animation:cust linear 1s forwards infinite; animation-delay:0.2s;}
	.cust_l .circle div span::after{content:""; position:absolute; left:-16px; top:0px; bottom:0px; height:34px; width:34px; border:1px solid #fff; margin:auto; overflow:hidden; border-radius:100%;animation:cust linear 1s forwards infinite;}
	.cust_l .circle div:nth-of-type(1){ top:10%; left:30%;}
	.cust_l .circle div:nth-of-type(2){ top:32%; right:4%;}
	.cust_l .circle div:nth-of-type(3){ top:39%; left:45%;}
	.cust_l .circle div:nth-of-type(4){ top:83%; left:8%;}
	.cust_l .circle div:nth-of-type(5){ top:87%; left:39%;}
	.cust_l .circle div:nth-of-type(6){ top:80%; right:7%;}
	.cust_l .circle div:nth-of-type(1) span::before{animation-delay:1.3s;}
	.cust_l .circle div:nth-of-type(1) span::after{animation-delay:1.3s;}
	.cust_l .circle div:nth-of-type(3) span::before{animation-delay:0.5s;}
	.cust_l .circle div:nth-of-type(3) span::after{animation-delay:0.5s;}
	.cust_l .circle div:nth-of-type(5) span::before{animation-delay:1.25s;}
	.cust_l .circle div:nth-of-type(5) span::after{animation-delay:1.25s;}
	.cust_l .circle div:nth-of-type(2) span::before{animation-delay:1s;}
	.cust_l .circle div:nth-of-type(2) span::after{animation-delay:1s;}
	.cust_l .circle div:nth-of-type(6) span::before{animation-delay:0.75s;}
	.cust_l .circle div:nth-of-type(6) span::after{animation-delay:0.75s;}
	.cust_r{ float:right; max-width:46%; width:100%; overflow:hidden; opacity:0; transition:all linear 0.25s; transition-delay:0.5s;}
	.cust_r .message{ float:right; width:100%; overflow:hidden; padding:20px 7.5% 36px 7.5%; background:rgba(0,0,0,0.7); box-sizing:border-box; margin-top:20px;}
	.cust_r .message .cust_title{ float:left; width:100%; overflow:hidden; color:#fff; margin-bottom:14px;}
	.cust_r .message .cust_title .title{ float:left; overflow:hidden; font-size:30px; font-weight:bold;}
	.cust_r .message .cust_title .text{ float:left; overflow:hidden; font-size:18px; margin:10px auto 0px 12px;}
	.cust_r .message input{ float:left; overflow:hidden; width:100%; box-sizing:border-box; background:none; padding:15px 3%; box-sizing:border-box; border:1px solid rgba(255,255,255,0.5); margin-top:10px; color:rgba(255,255,255,0.6); font-size:16px;}
	.cust_r .message input[type=submit]{ text-align:center; font-size:16px; color:#fff; background:rgba(237,27,40,0.5); height:50px; line-height:50px; padding:0px; border:0px;outline:none;  cursor:pointer;}
	.cust_r .message textarea{ float:left; overflow:hidden; width:100%; box-sizing:border-box; background:none; padding:0px 3%; border:1px solid rgba(255,255,255,0.5); resize:none; margin-top:10px; height:93px; color:#fff; line-height:28px;}
	.cust_r .column{ float:left; max-width:48%; width:100%; position:relative;}
	.cust_r .column:last-child{float:right;}
	.cust_r .column .content{ position:absolute; top:0px; left:0px; height:100%; width:100%; overflow:hidden; padding:0px 13%; box-sizing:border-box;}
	.cust_r .column .content .title{ font-size:30px; font-weight:bold; color:#fff; margin-top:50px;}
	.cust_r .column .content .more{ font-size:14px; font-weight:bold; color:#fff; margin-top:15px;}
	.cust_r .column .picture{float:left; width:100%; overflow:hidden;}
	.cust_r .column .picture img{float:left; width:100%; height:238px; object-fit:cover; transition:all linear 0.25s;}
	.cust_r .message input[type=submit]:hover{background:rgba(237,27,40,0.9);}
	.cust_l.delighter.started.ended{ opacity:1; transform:translate(0);}
	.cust_r.delighter.started{ opacity:1; transform:translate(0);}
	.cust_r .column:hover .picture img{ transform:scale(1.2);}
	

	.contactMap{ float:left; width:100%; background:url(../images/co_01.jpg) no-repeat center top; background-size:cover; overflow:hidden; display:flex; align-items:center;filter:blur(25px);}
	.cont_b{ background:#fff; padding:20px; box-sizing:border-box; width:100%; opacity:0.5; transition:all linear 0.5s; transition-delay:0.25s;}
	.cont_bny{ background:#fff; padding:20px; box-sizing:border-box; width:100%; margin-bottom:30px;overflow: hidden;}
	.cont_l{ float:left; max-width:50%; width:100%; overflow:hidden; padding:0px 20px; box-sizing:border-box; transition:all linear 0.25s; transition-delay:0.5s; opacity:0;}
	.cont_l div{ float:left;width:100%; overflow:hidden; margin:20px 0px; line-height:30px;}
	.cont_l div .icon{ float:left; overflow:hidden; max-width:50px; width:100%;}
	.cont_l div .icon img{ float:left; max-height:30px;}
	.cont_l div .title{ float:left; max-width:calc(100% - 50px); font-size:16px; color:#222;}
	.cont_l .code{ float:left; width:100%; overflow:hidden; padding-left:20px;}
	.cont_l .code span{ float:left; margin-left:30px;}
	.cont_r{ float:right; max-width:50%; width:100%; overflow:hidden; transition:all linear 0.25s; transition-delay:0.75s; opacity:0;}
	.cont_r img{ float:right; max-width:100%; width:100%; overflow:hidden;}
	.cont_b.delighter.started{ opacity:1;}
	.cont_r.delighter.started{ opacity:1;}
	.cont_l.delighter.started{ opacity:1;}
	.cont_lny{ float:left; max-width:50%; width:100%; overflow:hidden; padding:0px 20px; box-sizing:border-box;}
	.cont_lny div{ float:left;width:100%; overflow:hidden; margin:20px 0px; line-height:30px;}
	.cont_lny div .icon{ float:left; overflow:hidden; max-width:50px; width:100%;}
	.cont_lny div .icon img{ float:left; max-height:30px;}
	.cont_lny div .title{ float:left; max-width:calc(100% - 50px); font-size:16px; color:#222;}
	.cont_lny .code{ float:left; width:100%; overflow:hidden; padding-left:20px;}
	.cont_lny .code span{ float:left; margin-left:30px;}
	.cont_rny{ float:right; max-width:50%; width:100%; overflow:hidden;}
	.cont_rny img{ float:right; max-width:100%; width:100%; overflow:hidden;}

	

	
	
	footer.footer{ width:100%;float:left; width:100%; background:#222; padding:23px 0px; font-size:14px; color:rgba(255,255,255,0.4);position:fixed;bottom:0px;left:0px; z-index:999;	}
	footer.footer.page{ position:static;}
	.foot_l{ float:left;}
	.foot_l a{color:rgba(255,255,255,0.4);}
	.foot_r{ float:right;}
	.foot_r a{color:rgba(255,255,255,0.4);}
	


	
	
	.control{ position:fixed; right:1.5%; top:0px; bottom:0px; margin:auto; display:flex; align-items:center; z-index:999;}
	
	.control li{ width:10px; height:10px; box-sizing:border-box; border-radius:100%; margin-bottom:10px; cursor:pointer; background:#fff; box-shadow:0px 0px 4px rgba(0,0,0,0.6);}
	#contr{ background:#c33531;}
	
	
	
	/*新闻页面*/
	.page_img{ float:left; width:100%; overflow:hidden;}
	.page_img img{ float:left; width:100%; height:365px; object-fit:cover;}
	
	.page_often{ color:#333; text-align:center; margin:40px auto; display:block; overflow:hidden;}
	.page_often .title{ font-size:18px; letter-spacing:2px; margin-top:8px; color:#666; text-transform:uppercase;}
	.page_often .text{ font-size:32px; font-weight:bold; letter-spacing:5px;}
	
	.page_list{ float:left; width:100%; text-align:center; margin:30px auto; cursor:pointer;}
	.page_list a:first-child{ display:none;}
	.page_list a{ color:#666; display:inline-block; border:1px solid #ddd; padding:2px 8px;}
	.page_list a:hover{ color:#c33531; border-color:#c33531;}
	
	.page_news_list{ max-width:1200px; width:100%; overflow:hidden; display:block;}
	.page_news_list li{ float:left; width:100%; padding-bottom:40px; padding-top:40px; border-bottom:1px dashed #7d7d7d;}
	.page_news_list li:first-child{padding-top:20px;}
	.page_news_list li .picture{ float:left; max-width:30%; width:100%;}
	.page_news_list li .picture img{ float:left; width:100%; height:190px; object-fit:cover;}
	.page_news_list li .content{ float:right; width:68%;}
	.page_news_list li .content .title{ font-size:18px; line-height:26px; color:#333; text-overflow:ellipsis; white-space:pre; transition:all linear 0.25s;}
	.page_news_list li .content time{ font-size:13px; line-height:26px; color:#787878; margin-top:5px; display:block;}
	.page_news_list li .content .text{ font-size:13px; line-height:25px; color:#787878; max-height:75px; height:75px; overflow:hidden; margin-top:10px;}
	.page_news_list li .content .more{ max-width:100px; height:32px; width:100%; line-height:32px; font-size:14px; color:#818181; margin-top:10px; border:1px solid #e1e1e1; display:inline-block; text-align:center;}
	.page_news_list li:hover .title{color:#c33531; font-weight:bold; transform:translateX(8px);}
	.page_news_list li .content .more:hover{background:#c33531; color:#fff; border-color:#fff;}
	
	.page_pro_list{overflow:hidden; display:block;padding:3px; box-sizing:border-box;}
	.page_pro_list li{ max-width:calc(25% - 10.5px); margin:0px 14px 20px 0px; float:left;}
	.page_pro_list li:nth-of-type(4n){ margin-right:0px;}
	.page_pro_list li .picture{ width:100%;float:left;}
	.page_pro_list li .picture img{ width:100%; height:200px; float:left; object-fit:cover;}
	.page_pro_list li .title{color:#333; padding: 10px 5%; overflow:hidden; font-size:16px; white-space:pre; text-overflow:ellipsis; box-sizing:border-box; float:left; width:100%;}
	.page_pro_list li:hover{ box-shadow:0px 0px 8px -3px #000;}
	
	.page_address{ border-bottom:1px solid #eee; overflow:hidden; display:block; width:100%; padding:15px 0px;}
	.page_address .max{overflow:hidden; display:block; width:100%;}
	.page_address .address{ font-size:14px; color:#666; max-width:50%; width:100%; float:left; display:flex; align-items:center;}
	.page_address .address span{ float:left; margin-right:10px;}
	.page_address .address *{color:#666; margin:0px;}
	.page_address .page_column{ float:right; font-size:14px; color:#333; max-width:50%;}
	.page_address .page_column a{ float:left; font-size:14px; color:#333; margin:0px 19px; border-bottom:3px solid transparent;pointer-events:auto}
	.page_address .page_column a:hover{border-color:rgba(195,53,49,1);}
	#fl_select{border-color:rgba(195,53,49,1);}
	
	.page_odd{ margin:40px auto;}
	.page_odd .title{ text-align:center; font-size:26px; line-height:45px;margin-bottom:10px;}
	.page_odd time{ text-align:center; display:block; font-size:14px;color:#999; margin-bottom:10px;}
	.page_odd .content{ text-align:center; display:block; margin-top:20px;}
	.page_odd .content p{ line-height:34px; text-align:left; color:#333; font-size:16px;}
	.page_odd .picture{ text-align:center; margin-top:20px;}
	.km{ margin-bottom:40px !important;}
	
	.page_message{ max-width:800px; padding-bottom:80px; display:block; overflow:hidden;}
	.page_message .text{ font-size:14px; color:#666; line-height:35px;}
	.page_message form{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line{ float:left; width:100%; overflow:hidden; margin-top:20px;}
	.page_message form .line:nth-of-type(1){ max-width:48%;}
	.page_message form .line:nth-of-type(2){ max-width:48%; float:right;}
	.page_message form .line:nth-of-type(3) .title{ max-width:100%; width:100%; margin:10px 0px 5px 0px;}
	.page_message form .line:nth-of-type(4){ margin-top:40px;}
	.page_message form .line .title{ font-size:16px; color:#333; letter-spacing:3px; float:left; max-width:80px; line-height:35px;}
	.page_message form .line input[type=text]{ float:left; max-width:calc(100% - 80px); width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%;}
	.page_message form .line textarea{ float:left; width:100%; box-sizing:border-box; outline:none; border-radius:2px; border:1px #ccc solid; padding:8px 2%; resize:none; height:200px;}
	.page_message form .line input[type=submit]{ display:block; background:#c33531; border:0px; padding:0px; color:#fff; font-size:14px; width:160px; line-height:40px; cursor:pointer;}
	
	
	/*返回顶部*/
	.top{ width:50px; height:50px; line-height:50px;background:rgba(237,27,40,0.30); color:#fff; position:fixed; text-align:center; bottom:25%; cursor:pointer; display:none;font-weight:bold; font-size:30px; right:1%;}
	.top:hover{ background:rgba(237,27,40,1);}
	
	.sj_footer{ display:none; width:100%; background:#fff; position:fixed; bottom:0px; border-top:1px solid #ccc; z-index:10;}
	.sj_footer a{ width:33%; float:left; text-align:center; padding:3% 0;}
	.sj_footer span{ width:100%; float:left; color:#333; font-family:"微软雅黑";}
	.sj_footer img{ max-width:20%;}
	
	
	@-webkit-keyframes cust{
		0%{ transform:scale(0.1); opacity:0;}
		50%{ transform:scale(1); opacity:1;}
		100%{ transform:scale(1.2); opacity:0;}
	}
	
	
	:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color: rgba(255,255,255,0.6);
	}
		
	::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: rgba(255,255,255,0.6);
	}
	
	input:-ms-input-placeholder{
	color: rgba(255,255,255,0.6);
	}
	
	input::-webkit-input-placeholder{
	color: rgba(255,255,255,0.6);
	}

	
	textarea:-ms-input-placeholder{
	color: rgba(255,255,255,0.6);
	}
	
	textarea::-webkit-input-placeholder{
	color: rgba(255,255,255,0.6);
	}